.pxToRem(@p, @px) {
    @{p}: @px / 75px * 1rem;
}

.tou {
    width: 100%;
    text-align: center;
    dl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        dt {
            .pxToRem(width, 120);
            .pxToRem(height, 120);
            border: 1px solid #ccc;
            border-radius: 50%;
            img {
                .pxToRem(width, 60);
                text-align: center;
                padding: 10%;
                .pxToRem(line-height, 130);
            }
        }
        dd{
            padding: 3% 0;
        }
    }
}

.phone{
    display:flex;
}














.footer {
    width: 100%;
    .pxToRem(height, 100);
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #fff;
    //  .pxToRem(height, 143);
    z-index: 99;
    //  .pxToRem(margin-top,520);
    .dl {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        flex: 1;
        padding: 0 25%;
        dt {
            text-align: center;
            img {
                width: 50%;
            }
        }
        dd {
            .pxToRem(font-size, 18);
            .pxToRem(padding-top, 15);
            color: #000000;
        }
    }
    dl:nth-child(1) {
        .pxToRem(margin-left, 5%);
    }
    .xuan {
        img {
            .pxToRem(width, 40);
        }
        dd {
            color: red;
        }
    }
}